<script setup lang="ts">
import { ReGithub } from "/@/components/ReCharts";
import { computed, ref } from "vue";
import { useAppStoreHook } from "/@/store/modules/app";

let loading = ref<boolean>(true);
const appMainSize = computed(() => useAppStoreHook().appMainSize);

setTimeout(() => {
  loading.value = !loading.value;
}, 800);
</script>

<template>
  <el-card :style="`height: ${appMainSize.height - 48}px`">
    <template #header>
      <span style="font-size: 16px; font-weight: 500">GitHub信息</span>
    </template>
    <el-skeleton animated :rows="7" :loading="loading">
      <template #default>
        <ReGithub />
      </template>
    </el-skeleton>
  </el-card>
</template>
